<template>
  <div class="cc-page-wrap" @click="btnLoading">
    <HomeHeader></HomeHeader>
    <HomeChart></HomeChart>
    <!-- {{ message }} -->
    <!-- {{ $t("header.home") }} -->
  </div>
</template>

<script>
  import {
    defineComponent,
    onMounted,
    ref
  } from 'vue'

  import {
    useStore
  } from 'vuex'

  import HomeHeader from './components/HomeHeader.vue'
import HomeChart from './components/HomeChart.vue'
  export default defineComponent({
    name: 'PageHome',
    components: {
      HomeHeader,HomeChart
    },
    setup() {
      const store = useStore()
      const message = ref('首页-等待完善')
      console.log(
        import.meta.env.VITE_BASE_API)
      onMounted(() => {

      })
      let isStatus = ref(false)
      const btnLoading = () => {
        isStatus.value = !isStatus.value
        console.log(isStatus.value)
        store.dispatch('setLoading', isStatus.value)
      }
      return {
        message,
        isStatus,
        btnLoading
      }
    }
  })
</script>

<style lang="scss" scoped>

</style>